<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/index.css" type="text/css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<!--[if IE 6]>
	<link href="css/ie6.css" type="text/css" rel="stylesheet" media="screen" />

    <script src="js/dd_belated_png.js"></script>
	<script>DD_belatedPNG.fix('#logo a, .h-box-1 img, .h-box-2 img, .brochure img');</script>  
<![endif]-->

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/slideswitch.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/Liberation_Sans_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
	Cufon.replace('h1');
	Cufon.replace('h2');	
	Cufon.replace('h3');
	Cufon.replace('h4');							   	
</script>

<title>blog itemlist</title>
</head>

<body>
<div id="body-wrapper">
    <div class="clearfix">
        <div id="logo">
            <a href="homepage.html">Media consult logo</a>
            <p class="logo-desc">your attractive and simple slogan</p>
        </div>
        <form action="#" method="post">
            <fieldset class="search-fieldset">
                <input type="text" class="search-input" value="search" name="search" />
                <input type="submit" value="" class="input-arrow" />
            </fieldset>
        </form>
    </div>	
    
    <div class="main-menu-wrapper">
        <div id="myslidemenu" class="jqueryslidemenu">
            <ul class="primary-menu">
                <li><a href="homepage.html">Home</a></li>
                <li><a href="about_us.html">About Us</a></li>
                <li><a href="services.html">Services</a>
                	<ul>
                        <li><a href="#">Corporate Publishing</a></li>
                        <li><a href="#">Interactive &amp; Onscreen Production</a></li>	
                        <li><a href="#">Advertising</a></li>   
                        <li><a href="#">Event Management</a></li>   
                        <li><a href="#">Integrated Communications</a></li>                                                                    
                        <li><a href="#">Public Relations</a></li>                                                  
                    </ul>
                </li>
                <li><a href="#">Page Types</a>
                    <ul>
                        <li><a href="homepage.html">Index Page</a></li>
                        <li><a href="about_us.html">About Us</a></li>	
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="#">Blog - submenu entry</a>
                            <ul>
                                <li><a href="blog_itemlist.html">Blog Item List</a></li>
                                <li><a href="blog_detail.html">Blog Item Detail</a></li>
                            </ul>                
                        </li>
                        <li><a href="#">Other pages - submenu entry</a>
                            <ul>
                                <li><a href="article_detail.html">Article Detail</a></li>                    
                                <li><a href="news_list.html">News Page</a></li>                                                
                                <li><a href="services.html">Our Services</a></li>                                                                        
                                <li><a href="portfolio.html">Portfolio</a></li>                                                          
                                <li><a href="contact.php">Contact</a></li>   
                            </ul>                          
                        </li>                                         
                    </ul>
                </li>
                <li><a href="blog_itemlist.html">Blog</a></li>
                <li><a href="contact.php">Contact</a></li>
            </ul>
        </div>
    </div>

    <div id="left">

        <div class="interior-content">
        	<div class="blog-entry">
                <h2><a href="blog_detail.html">Blog entry comes here, a bit more text</a></h2>
                <div class="blog-misc">
                    <span><a href="#">August 27th, 2009</a></span>&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
                    <span><a href="#">2 comments</a></span>
                </div>
                <a href="blog_detail.html"><img src="img/bloglist_img1.jpg" width="615" height="151" alt="" class="img-border" /></a>
                <p>
                    Nonumy postea vivendum his at, dicit ornatus eos ut. Mei id tantas eligendi, his vidit tritani ut. In doctus expetendis per. Ex virtute 
                    contentiones intellegebat eam, ne vel graecis suscipit tractatos, mel elitr vocibus adolescens in. Feugait efficiendi no eam, ea sea quis 
                    nisl eirmod, ut salutandi adolescens incorrupte pro.
                </p>
                <h4>New subsection here</h4>
                <p>
                    Ne nobis impedit instructior vim. Equidem feugait argumentum eam ea, ne rebum facete blandit vis, admodum repudiandae delicatissimi 
                    vis an. Eu ullum possim definitionem eos, ad vix putent dictas moderatius, ut mollis vivendo indoctum sea. Ius ei eirmod disputationi, 
                    impetus mentitum has id.
                </p> 
                <div class="body-rm"><a href="#">Read more</a></div>
			</div>
            
        	<div class="blog-entry">
                <h2><a href="blog_detail.html">Second blog entry</a></h2>
                <div class="blog-misc">
                    <span><a href="#">August 10th, 2009</a></span>&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
                    <span><a href="#">2 comments</a></span>
                </div>
                <a href="blog_detail.html"><img src="img/bloglist_img2.jpg" width="615" height="151" alt="" class="img-border" /></a>
                <p>
                    Nonumy postea vivendum his at, dicit ornatus eos ut. Mei id tantas eligendi, his vidit tritani ut. In doctus expetendis per. Ex virtute 
                    contentiones intellegebat eam, ne vel graecis suscipit tractatos, mel elitr vocibus adolescens in. 
                </p>
                <h4>New subsection here</h4>
                <p>
                    Ne nobis impedit instructior vim. Equidem feugait argumentum eam ea, ne rebum facete blandit vis, admodum repudiandae delicatissimi 
                    vis an. Eu ullum possim definitionem eos, ad vix putent dictas moderatius, ut mollis vivendo indoctum sea. Ius ei eirmod disputationi, 
                    impetus mentitum has id.
                </p>
                <div class="body-rm"><a href="#">Read more</a></div>                 
			</div>

        	<div class="blog-entry">
                <h2><a href="blog_detail.html">Third and last blog entry, a little bit longer</a></h2>
                <div class="blog-misc">
                    <span><a href="#">July 22th, 2009</a></span>&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;
                    <span><a href="#">2 comments</a></span>
                </div>
                <a href="blog_detail.html"><img src="img/bloglist_img3.jpg" width="615" height="151" alt="" class="img-border" /></a>
                <p>
                    Nonumy postea vivendum his at, dicit ornatus eos ut. Mei id tantas eligendi, his vidit tritani ut. In doctus expetendis per. Ex virtute 
                    contentiones intellegebat eam, ne vel graecis suscipit tractatos, mel elitr vocibus adolescens in. 
                </p>
                <h4>New subsection here</h4>
                <p>
                    Ne nobis impedit instructior vim. Equidem feugait argumentum eam ea, ne rebum facete blandit vis, admodum repudiandae delicatissimi 
                    vis an. Eu ullum possim definitionem eos, ad vix putent dictas moderatius, ut mollis vivendo indoctum sea. Ius ei eirmod disputationi, 
                    impetus mentitum has id.
                </p> 
                <div class="body-rm"><a href="#">Read more</a></div>                 
			</div>  
            
            <div class="pagination"><!-- generic pagination, copy/paste this block wherever you like -->
                <div class="reverse-arrow"><a href="#">Older Entries</a></div>
                <div class="body-rm"><a href="#">Newer Entries</a></div>   
                <span class="page-number">Page 3 of 8</span>             
            </div>                      
		</div>
        
    </div>
    <div id="right">
    	<div class="blog-categ">
        	<h3>Categories</h3>
            <ul>
            	<li><a href="#">Web Design</a></li>
            	<li><a href="#">Photography</a></li>                
            	<li><a href="#">Wordpress Themes</a></li>                
            	<li><a href="#">News</a></li>                
            	<li><a href="#">Inspiration</a></li>                
            	<li><a href="#">Marketing and Advertising</a></li>                
            	<li><a href="#">Management</a></li>                                                                
            </ul>
        </div>
        
    	<div class="blog-categ">
        	<h3>Archives</h3>
            <ul>
            	<li><a href="#">August 2009</a></li>
            	<li><a href="#">July 2009</a></li>                
            	<li><a href="#">June 2009</a></li>                
            	<li><a href="#">May 2009</a></li>                
            	<li><a href="#">April 2009</a></li>                                            
            </ul>
        </div>
                
		<div class="flickr">
			<h3>Flickr</h3>
            <ul>
            	<li><a href="#"><img src="img/flickr1.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr2.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr3.jpg" width="90" height="90" alt="" /></a></li>    
            	<li><a href="#"><img src="img/flickr4.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr5.jpg" width="90" height="90" alt="" /></a></li>
            	<li><a href="#"><img src="img/flickr6.jpg" width="90" height="90" alt="" /></a></li>                                                
            </ul>
        </div>
        <div class="newsletter"><!-- newsletter section -->
			<h3>Sign up for Newsletter</h3>
            <form action="#" method="post">
            	<fieldset class="newsletter-fieldset">
                    <input type="text" class="newsletter-input" value="Your email address" name="newsletter" />
                    <input type="submit" value="" class="input-arrow" />
                </fieldset>
            </form>
            <p>We will keep you up to date with news, events and other great features.</p>
        </div>
    	
        <div class="brochure"><!-- brochure section -->
        	<a href="#"><img src="img/pdf_icon.png" width="43" height="53" alt="" /></a>
            <div class="brochure-title">
                <h3>Media Consult brochure</h3>
                <p class="header-desc">Download our PDF brochure</p>
            </div>            
        </div>

    </div>  
    <div id="footer">
    	<ul>
        	<li><a href="homepage.html">Home</a></li>
        	<li><a href="about_us.html">About Us</a></li>
        	<li><a href="services.html">Services</a></li>
        	<li><a href="portfolio.html">Case Studies</a></li>
        	<li><a href="news_list.html">News</a></li>
        	<li><a href="contact.php">Contact</a></li>                                                            
        </ul>
        <div class="copyright">&copy; 2009 <a href="#">Media Consult</a>. All rights reserved.</div>
    </div>  
</div>

<script type="text/javascript">
$(document).ready(function(){					   
	$(".brochure").click(function(){//makes entire area "brochure" clickable
    	window.location=$(this).find("a").attr("href");return false;
	});	
	
});
	$(function(){	
		$('#tabs').tabs();
	});	
</script>
</body>
</html>
